<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <script>
    // 静态方法 Array.from() 把伪数组转换为真数组
    const lis = document.querySelectorAll('ul li')
    console.log(lis)  // 伪数组 NodeList(3) [li, li, li]
    // lis.pop()   // 报错lis.pop is not a function

    const liss = Array.from(lis)

    console.log(liss)  // 真数组 [li, li, li]
    liss.pop()  // 真数组 可以使用这个方法了
    console.log(liss)  // 不报错了 [li, li]
  </script>
</body>

</html>